.fullScreen {
  height: 100%;
}
.hp100 {
  height: 100%;
}
.areaLeft {
  position: relative;
  flex: 0 0 auto;
  width: 504px;
  height: 100%;
  border: 1px solid #f2f3f5;
}
.areaLeft .left-header {
  height: 48px;
  padding-left: 8px;
  padding-right: 8px;
}
.areaLeft .left-header .title {
  padding: 8px;
  flex: 0 1 auto;
}
.areaLeft .left-header .info {
  text-align: right;
  flex: 1 0 auto;
}
.areaLeft .left-video {
  position: relative;
  height: 269px;
  padding: 8px;
  border-top: 1px solid #f2f3f5;
  border-bottom: 1px solid #f2f3f5;
}
.areaLeft .left-video .content {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 8px;
  right: 8px;
}
.areaLeft .left-chat {
  position: absolute;
  top: 317px;
  bottom: 0px;
  left: 0;
  right: 0;
}
.areaRight {
  flex: 1 1 auto;
  overflow: auto;
}
